<template>
    <div id="App">
        <!-- banner -->
        <div>
        <img src="..//assets/tab/pic1.png" alt="">
          
        </div>
        <div >
              <div class="sc">心理咨询师实操课堂</div>
            <img src="../assets/tab/pic2.png" alt="" >
           
        </div>
        <div>
            <div class="sc">心理咨询师进阶课堂</div>
            <img src="../assets/tab/pic3.png" alt="">
        </div>
        <div>
            <div class="sc">专业硕士课堂</div>
            <img src="../assets/tab/pic4.png" alt="">
        </div>
    </div>
</template>
<script>

</script>

<style scoped >
#App{
    width: 1200px;
    height: 1700px;
    background: #EFEFEF;
}
.sc{
    line-height: 50px;
    font-weight :  bold !important ;
    color: #000000;
    font-size: 24px;
    left:10px;

}
#App img{
    width: 1200px;
    height: 370px;
    padding: 0 10 0 10;

}

</style>

